<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 
 
<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="content">
   	<p:layout fullPage="true" id="layout">
	    <p:layoutUnit position="west" header="Menu" collapsible="false">
	    	<h:form>
	    		<p:menu model="#{loginUsuarioBean.model}" />
	    	</h:form>
	    </p:layoutUnit>
		<p:layoutUnit position="east" header="Bienvenido #{loginUsuarioBean.persona.nombre}" collapsible="false">
			<h:form>
				<p:separator />
				<p:commandButton value="Logout" action="#{loginUsuarioBean.logoutUser}"></p:commandButton>
				<p:separator />
				<p:commandButton value="Modificar perfil" action="#{loginUsuarioBean.modificarUsuarioBoton}"></p:commandButton>
			</h:form>
			<p:graphicImage style="width:70%; position:absolute; left:15%; top:80%;" library="images" name="LogoSemiTrans.jpg" />
		</p:layoutUnit>
	    <p:layoutUnit position="center">
			<h:form style="align:center;">
	         <p:panelGrid columns="2" style="width: 60%; margin: 0 auto;">
	         	<f:facet name="header">  
        			Modificar sus datos
    			</f:facet> 
				<p:outputLabel value="Nombre*" style="width:20%"/>
				<p:inputText id="nombre" value="#{loginUsuarioBean.persona.nombre}" style="width:95%" required="true" requiredMessage="Por favor ingrese un nombre"/>
				
				<p:outputLabel value="Apellido*"/>
				<p:inputText id="apellido" value="#{loginUsuarioBean.persona.apellido}" style="width:95%" required="true" requiredMessage="Por favor ingrese un apellido"/>
				 
				<p:outputLabel value="Mail*"/>
				<p:inputText id="mail" value="#{loginUsuarioBean.persona.mail}" style="width:95%" required="true" requiredMessage="Por favor ingrese un mail"/>
				
				<p:outputLabel value="Cargo"/>
				<p:inputText id="cargo" value="#{loginUsuarioBean.persona.cargo}" style="width:95%" required="false"/>
				
				<p:outputLabel value="Edad"/>
				<p:inputText id="edad" value="#{loginUsuarioBean.persona.edad}" style="width:95%" required="false"/>
				
				<p:outputLabel value="Telefono*"/>
				<p:inputText id="telefono" value="#{loginUsuarioBean.persona.telefono}" style="width:95%" required="true" requiredMessage="Por favor ingrese un telefono"/>
			    
				<p:outputLabel value="Usuario*"/>
				<p:inputText id="usuario" value="#{loginUsuarioBean.persona.usuario.nombre}" style="width:95%" required="true" requiredMessage="Por favor ingrese un nombre de usuario"/>
				
				<p:outputLabel value="Nueva Contraseña"/>
				<p:password id="nContrasena" value="#{loginUsuarioBean.nuevaContrasena}" style="width:95%" required="false"/>
				
				<p:outputLabel value="Confirmar Contraseña"/>
				<p:password id="cContrasena" value="#{loginUsuarioBean.confContrasena}" style="width:95%" required="false"/>
				
				<p:outputLabel value="Desea recibir notificaciones sobre sus proyectos?*" />
			    <p:selectBooleanButton value="#{loginUsuarioBean.persona.enviarMail}" onLabel="Sí" offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close" style="width:95%"/>
			    
				<f:facet name="footer">  
      					<p:commandButton value="Aceptar" action="#{loginUsuarioBean.modificarUsuario}" icon="ui-icon-check" style="margin:0"/>
   					 	<p:messages autoUpdate="true" showDetail="false" closable="true"/>
   				</f:facet>
   				
			 </p:panelGrid>
	        </h:form>
	    </p:layoutUnit>
	</p:layout>
    </ui:define>
</ui:composition>
</html>
